page {
	background-color: #f6f6f6;
}

.status_bar {
	height: var(--status-bar-height);
	width: 100%;
	background-color: #56a6fd;
}

.bg {
	width: 100%;
	height: 348rpx;
	background: url('@/static/images/home_bj.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.title {
	text-align: center;
	padding-top: 88rpx;
	color: #fff;
	font-size: 34rpx;
}

.search {
	margin: 30rpx 32rpx 0;
	display: flex;
	justify-content: space-between;
}

.address {
	display: flex;
	color: #fff;
}

.icons {
	font-size: 30rpx;
}

.city {
	font-size: 25rpx;
	margin-left: 12rpx;
}

.int {
	width: 238rpx;
	height: 42rpx;
	background-color: #fff;
	border-radius: 21rpx;
	display: flex;
	line-height: 42rpx;
}

.sosuo {
	font-size: 20rpx;
	color: #565656;
	margin: 0 10rpx 0 18rpx;
}

.int>input {
	font-size: 16rpx;
	margin-top: 10rpx;
}

.home {
	margin: 28rpx 32rpx 0;
	height: 195rpx;
	background-color: #fff;
	border-radius: 10rpx;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.home_fee {
	width: 100rpx;
}

.blue {
	width: 78rpx;
	height: 78rpx;
	background-color: #4f86ed;
	border-radius: 12rpx;
	line-height: 78rpx;
	text-align: center;
	margin: 0 auto;
}

.blue>span {
	font-size: 52rpx;
	color: #fff;
}

.fee_btm {
	font-size: 24rpx;
	text-align: center;
}

.green {
	background-color: #71b78b;
}

.orange {
	background-color: #e39e5e;
}

.blues {
	background-color: #479cf7;
}


/* 头条 */
.line {
	margin-top: 84rpx;
	height: 400rpx;
	background-color: #fff;
	overflow: hidden;
	padding: 0 32rpx;
}

.line_top {
	margin-top: 32rpx;
	display: flex;
	justify-content: space-between;
}

.top_left {
	display: flex;
}

.top_left image {
	width: 85rpx;
	height: 40rpx;
}

.top_left .count {
	font-size: 28rpx;
	margin-left: 24rpx;
	width: 366rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top_rgt .more {
	font-size: 30rpx;
}

.top_rgt .more i {
	font-size: 32rpx;
	margin-left: 18rpx;
	color: #717171;
}

.line_btm {
	width: 100%;
	height: 252rpx;
	margin-top: 30rpx;
}

.line_btm image {
	width: 100%;
	height: 100%;
}

/* 生活门店 */
.shop {
	width: 100%;
	height: 360rpx;
	background-color: #fff;

}

.shop_title {
	padding-left: 40rpx;
	font-size: 33rpx;
}

.shop_ul {
	margin-top: 50rpx;
	display: flex;
	justify-content: space-between;
	padding: 0 32rpx;
}

.shop_li {
	width: 328rpx;
	height: 202rpx;
	border-radius: 8rpx;
}

.shop_li image {
	width: 100%;
	height: 100%;
}

.msg {
	background-color: #fff;
	padding-bottom: 10rpx;
}

.top {
	margin: 0 32rpx;
	display: flex;
	justify-content: space-between;
}

.msg_left {
	font-size: 33rpx;
}

.msg_icon {
	font-size: 32rpx;
	color: #979797;
}

.btm {
	margin: 46rpx 32rpx 0;
}

.end {
	height: 162rpx;
	margin-bottom: 54rpx;
	display: flex;
	justify-content: space-between;
}

.btm_left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.btm_title {
	width: 364rpx;
	font-size: 26rpx;
	line-height: 40rpx;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 显示的行数，可以根据需要修改 */
	overflow: hidden;
	text-overflow: ellipsis;
}

.times {
	font-size: 18rpx;
	color: #919191;
}

.btm_rgt {
	width: 244rpx;
	height: 162rpx;
	border-radius: 12rpx;
}

.btm_rgt image {
	width: 100%;
	height: 100%;
}